<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>个人后台管理系统</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/admin.css">
	<link rel="stylesheet" type="text/css" href="css/mood.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">
	<script type="text/javascript" src="<%=basePath%>/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/bootstrap.min.js"></script>
  </head>
  
  <body id="bg">
   		<div class="conta">
		<div class="leftsidebar_box">
			<div class="line">
				<div class="avtor">
					<a href="#"><span>Hi,<s:property value="#session.userInfo.userName"/></span></a>
				</div>
			</div>
	        <!--描述：左侧管理栏目导航-->
			<dl class="system_log">
				<a href="index.jsp"><dt id="person_info">个人信息设置<img src="${path }images/left/select_xl01.png"></img></dt></a>
			</dl>
			<dl class="custom">
				<a href="main.jsp"><dt id="jtitle">联系人管理<img src="${path }images/left/select_xl01.png"></img></dt></a>
			</dl>
			<dl class="channel">
				<dt>日程管理<img src="${path }images/left/select_xl01.png"></img></dt>
			</dl>
			<dl class="app">
				<a href="file_list"><dt>文件管理<img src="${path }images/left/select_xl01.png"></img></dt></a>
			</dl>
			<dl class="cloud">
				<dt>薪资管理<img src="${path }images/left/select_xl01.png"></img></dt>
			</dl>
			<dl class="source">
				<dt>资料管理<img src="${path }images/left/select_xl01.png"></img></dt>
			</dl>
			<dl class="statistics">
				<dt>统计分析<img src="${path }images/left/select_xl01.png"></img></dt>
			</dl>
		</div>
		<!--描述：右侧session部分-->
		<div class="rightsidebar_box">
			<div class="right_top">
				<h3>欢迎使用个人信息管理系统！<a href="javascript:0;" class="btn btn-sm btn-primary" style="float: right;" data-toggle='modal' data-target='#myLoginModal'>登录超级管理员</a></h3>
			</div>
			
			<!-- 超级管理员登录模态框,这里如果自己用弹出层怎么实现????拖拽模态框怎么实现??? -->
			<div class="modal fade" id="myLoginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog" style="width: 400px;">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel">
								超级管理员登录:
							</h4>
						</div>
						<div class="modal-body">
							<input type="text" class="form-control" placeholder="请输入用户名..." />
							<hr>
							<input type="password" class="form-control" placeholder="请输入管理员密码..." />
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭
							</button>
							<button type="button" class="btn btn-primary">
								立即登录
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			
			<div class="right_section">
			  <!-- 个人信息 -->
			  <div class="person_info">
			  	<h3>个人信息：</h3>
			  	<table class="table table-bordered table-striped">
				  	<tr>
		                <th>属性：</th>
		                <td>具体信息：</td>
		            </tr>
		            <tr>
		            <tr>
		                <th>用户ID</th>
		                <td><s:property value="#session.userInfo.userId"/></td>
		            </tr>
		            <tr>
		                <th>用户名</th>
		                <td><s:property value="#session.userInfo.userName"/></td>
		            </tr>
		            <tr>
		                <th>用户年龄</th>
		                <td><s:property value="#session.userInfo.work"/></td>
		            </tr>
		            <tr>
		                <th>用户性别</th>
		                <td><s:property value="#session.userInfo.realName"/></td>
		            </tr>
		            <tr>
		                <th>用户手机号码</th>
		                <td><s:property value="#session.userInfo.phone"/></td>
		            </tr>
		            <tr>
		                <th>用户工作</th>
		                <td><s:property value="#session.userInfo.phone"/></td>
		            </tr>
	        	</table>
			  </div>
			  <!-- 显示当前时间 -->
			  <div>
			  	<center>
			  		<h2>当前时间:<span id="span"></span></h2>
			  	</center>
			  </div>
			</div>
			<div class="right_last">
			  <div align="center">
			</div>
		</div>
		</div>
	</div>
	<!-- 显示时间脚本 -->
	<script type="text/javascript">
		var span = documnet.getElementById("span");
		setInterval(function showTime() {
			span.innerHTML = new Date().toLocaleString();
		}, 1000)
	</script>
  </body>
</html>
